<template>
     <swiper>
      <swiper-item v-for="(item,index)  in banners" :key="index">
        <a :href="item.link">
        <img :src="item.image" @load="imageLoad"/>
      </a>
      </swiper-item>
    </swiper>
</template>

<script>
// 引入轮播图
import { Swiper,SwiperItem } from "@/components/common/swiper";

export default {
    props:{
    banners:{
        type:Array,
        default(){
            return []
        }
    }
},
  components:{
        Swiper,
    SwiperItem
  },
  methods:{
    imageLoad(){
      console.log('图片加载完成')
    }
  }
}
</script>

<style>

</style>